<template>
  <div>
      <h2>我是首页</h2>
      <p>首页内容</p>
      <!-- 由于路由嵌套配置了两个子组件  这里配置一下显示 -->
      <router-view></router-view>
      <router-link to="/home/message" tag="button">消息</router-link>
      <router-link to='/home/news' tag="button">新闻</router-link>
  </div>
</template>

<script>
export default {
  data () {
    return {

    }
  },
  created () {
    document.title='首页'
    console.log('组件被创建了');
  },
  mounted () {

  },
  methods: {

  },
  activated() {
    console.log('home组件被激活了');
  },
  deactivated() {
    console.log('home组件被移除了，这两个生命周期函数只有在keepalive的状态下才能使用');
  },
  destroyed() {
    console.log('home组件被销毁了');
  },
}
</script>

<style>

</style>
